/**
 * 公用样式
 * @module   Reset
 * @creator  张军<hbjszj@gmail.com>
 */
 
/**
 * 头部导航
 */
#site-nav {background:url(images/bg-nav.png) 0 0 repeat-x;min-width:970px;width:auto;height:26px;border-bottom:1px solid #D9D9D9;}
#site-nav-bd {color:#666;height:24px;line-height:25px;margin:0 auto;padding:2px 0;position:relative;width:970px;z-index:10000;}
#site-nav a {color:#05e;}
#site-nav a:hover {color:#f50;}
#site-nav .login-info {float:left;}
#site-nav .login-info a {margin-right:8px;}
#site-nav .quick-menu {position:absolute;right:0;top:1px;}
#site-nav .quick-menu li {float:left;margin-left:-1px;padding:2px 10px 0; background:url(images/icon-quick-menu-li.png) right 9px no-repeat;}
#site-nav .quick-menu li.no-bg {padding:2px 5px 0;background:none;}
#site-nav .quick-menu li a {color:#666;}
#site-nav .quick-menu li a:hover {color:#f50;}
#site-nav .quick-menu li.menu-item{position:relative;padding:2px 5px 0;width:80px; margin-right:5px;background:none;}
#site-nav .menu{position:relative;}
#site-nav .menu-hd{cursor:pointer;display:block;height:22px;line-height:17px;margin:3px 1px 0;padding:1px 12px 0 5px;position:relative;z-index:10002; }
#site-nav .menu-hd b{border-color:#666 #F5F5F5 #F5F5F5;border-style:solid;border-width:4px;font-size:0;width:0;height:0;line-height:0;position:absolute;right:0;top:7px;}
#site-nav .menu-hd.hover b{border-color:#F5F5F5 #F5F5F5 #666;top:3px;_border-width:5px;}
#site-nav .menu-bd{position:absolute;z-index:10001;right:0;top:20px;_top:25px;width:100px;display:none;padding:5px 0;border:1px solid #D9D9D9;border-top:none;background:#fff;}
#site-nav .menu-bd a{display:block;height:23px;line-height:23px; padding-left:10px;}

/**
 * 头部(logo、搜索、导航)
 */
#top-header{ width:980px;margin:10px auto;}
#top-header .logo{float:left;width:340px; margin-top:18px;height:83px;}
#top-header .logo a{display:inline-block;width:160px; height:65px; margin-right:20px;}
#top-header .logo i{display:inline-block;background:url(images/logo-extra.png); width:150px;height:50px; margin-bottom:5px;}

#top-header .t-search{float:right; width:575px; padding-top:20px;}
#top-header .search-meat{height:39px; margin-bottom:3px;background:url(images/bg-search.png) 0 bottom no-repeat;}
#top-header .search-input{width:437px;font-size:14px;margin:4px 0 0 4px;padding:7px;color:#404040;height:auto;line-height: 1.231; border:none; background:none;}
#top-header .search-btn{width:88px;height:31px; text-indent:-9999px;font-size: 14px;font-weight: bold;color:#fff; background:none;border:none;}
#top-header .search-hot a{margin-left:6px;color:#666;line-height:24px;}
#top-header .search-hot a.h{color:#F60;}

/*#top-header .channel{clear:both;background:url(images/bg-header.png) 0 0 no-repeat;height:41px;padding-left:8px;}
#top-header .channel li {background:url(images/bg-header.png) -653px -44px no-repeat;float: left;}
#top-header .channel li.first { background:none;}
#top-header .channel li.selected{background:url(images/bg-header.png) -763px -41px no-repeat; margin-right: -2px; margin-top: 4px;}
#top-header .channel li a, #top-header .channel li a:link, #top-header .channel li a:visited{color: #FFFFFF; float: left; font-size: 14px; font-weight: bold; height: 37px; line-height: 39px; padding: 0 11px 0 14px; position: relative; text-decoration: none;}
#top-header .channel li a:hover{text-decoration: underline;}
#top-header .channel li.selected a, #top-header .channel li.selected a:link, #top-header .channel li.selected a:visited{background:url(images/bg-header.png) 100% -41px no-repeat; color: #333333; line-height: 34px; padding: 0 16px 0 17px;}
#top-header .channel li a img{position: absolute; right: 0; top: -13px;}
#top-header .channel li.selected img{top: -17px;}
#top-header .channel li.last{background:none; float: right;}
#top-header .channel li.last a{display: block; height: 37px; overflow: hidden; padding: 0; text-indent: 300px; width: 143px;}*/

#top-header .channel,#top-header .channel .fl,#top-header .channel .fr,#top-header .channel li{background-image:url(images/bg-channel.png);}
#top-header .channel{position:relative;clear:both;height:40px;padding-left:8px;background-position: 0 -80px; background-repeat:repeat-x;}
#top-header .channel .fl{position:absolute;height:40px;left:0;top:0;width:2px;background-position: 0 0;}
#top-header .channel .fr{position:absolute;height:40px;right:0;top:0;width:2px;background-position: 0 -40px;}
#top-header .channel li{float:left;background-position:0 -173px;background-repeat:no-repeat;}

#top-header .channel li.first {background:none;}
#top-header .channel li.selected{background:url(images/bg-channel-cur.png) 0 0 no-repeat; margin-right: -2px; margin-top: 3px;}
#top-header .channel li a, #top-header .channel li a:link, #top-header .channel li a:visited{color:#fff; float: left;font-size:14px;font-weight:700; height:37px; line-height:39px;padding:0 11px 0 14px;position:relative;text-decoration:none;}
#top-header .channel li a:hover{text-decoration:underline;}
#top-header .channel li.selected a, #top-header .channel li.selected a:link, #top-header .channel li.selected a:visited{background:url(images/bg-channel-cur.png) 100% 0 no-repeat; color:#222;line-height: 34px; padding: 0 16px 0 17px;}
#top-header .channel li a img{position: absolute; right: 0; top: -13px;}
#top-header .channel li.selected img{top:-17px;}
#top-header .channel .last{background:none;float:right;padding-right:10px;}
#top-header .channel .last a{height:37px;padding:0 4px!important;font-size:12px!important;font-weight:normal!important;}

#top-header .extra-menu,#top-header .extra-menu .fl,#top-header .extra-menu .fr{background-image:url(images/bg-extra-menu.png);}
#top-header .extra-menu{ position:relative;height:33px;line-height:33px;background-position: 0 -87px; background-repeat:repeat-x;}
#top-header .extra-menu .fl{position:absolute;height:33px;left:0;top:0;width:6px;background-position: 0 0;}
#top-header .extra-menu .fr{position:absolute;height:33px;right:0;top:0;width:6px;background-position: 0 -44px;}
#top-header .extra-menu li{float:left; padding:0 8px;}
#top-header .extra-menu li a{color:#575757;}
#top-header .extra-menu li .h{color:#F00;font-weight:700;}

/**
 * 网站底部
 */
#footer{border-top:1px solid #DEDEDE;padding:10px 0;line-height:24px; text-align:center; color:#464646;}
#footer a{color:#333; margin:0 2px;}

/*margin*/
.mt10{margin-bottom:10px;}

/*icon*/
.icon-new,.icon-hot,.icon-orderOnLine{display:inline-block;}
.icon-new{width:21px;height:16px;background:url(images/icon/icon-new.gif) no-repeat 0 0 transparent;}
.icon-hot{width:21px;height:16px;background:url(images/icon/icon-hot.gif) no-repeat 0 0 transparent;}
.icon-orderOnLine{width:73px;height:15px;background:url(images/icon/icon-orderOnLine.gif) no-repeat 0 0 transparent;}
